$(window).load(function(){
	var pic=$("#pic"),picLi=$("#pic li"),txt=$("#txt"),cnt=$("#content");
	$("#txt li").each(function(i){
		$("#txt li").eq(i).css({top:37*i+"px"});
	});
	picLi.hover(function(){
		k=$(this).index();
		txt.animate({right:"36px"},"fast");
		$("#txt li").eq(k).css({backgroundColor:"#C81623"});
		var right0=$("#txt li").eq(k).css("right");
		console.log(right0);
		$("#txt li").css("right",-60).eq(k).stop(true).animate({right:"0"},"slow");
		$("#pic li").removeClass("bg").eq(k).addClass("bg");
	},function(){
		$("#txt li").css("backgroundColor","#7a6e6e").eq(k).stop(true).animate({right:"-60px"},"slow");
			$("#pic li").removeClass("bg");
	});
	$("#txt li").hover(function(){
		$("#txt li").css("right",-60).eq(k).stop(true).css("right",0);
		$("#txt li").eq(k).css({backgroundColor:"#C81623"});
		$("#pic li").removeClass("bg").eq(k).addClass("bg");
	},function(){
		$("#txt li").animate({right:"-60px"},"slow");
		$("#txt li").eq(k).css({backgroundColor:"#7a6e6e"});
		$("#pic li").removeClass("bg");
	});
	//
	/*picLi.eq(1).toggle(function(){
		
	},function(){
		
	});*/
});